<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS垂直居中</title>
    <style>
        html,body {
            width: 100%;
            height:100%;
            padding: 0;
            margin: 0;
        }
        .wrapper{
            width: 100%;
            height:100%;
            border: 0px solid #ccc;
            text-align: center;
        }

        .box{
            /*
            width: 100px;
            height: 100px;*/
            height:auto;
            border: 1px solid #ccc;
            display: inline-block;
            vertical-align: middle;
            margin: 0 auto;
        }

        .help{
            width: 0;
            height: 100%;
            display: inline-block;
            vertical-align: middle;
        }
    </style>
</head>
<body>
<div class="wrapper">
    <div class="box">房东方大厦范德萨发<br>fdsafsa</div>
    <div class="help"></div>
</div>
<!-- https://www.jianshu.com/p/dea069fecb62-->
</body>
</html>